@charset "utf-8";
body { font-size:14px; color:#444; padding:0;margin:0;font-family:'Microsoft YaHei','arial','sans-serif'; line-height:1.8; background:#fff;}
img {border:0px; height:auto; padding:0; display:inline-block; vertical-align:middle; max-width:100%;}
a {color:#444; text-decoration: none;outline:none;}
a:Hover {color:#000;outline:none;text-decoration: none;}
input,button,select,textarea{ outline:none;font-family:'Microsoft YaHei','arial';resize:none;border:0;color:#595757;font-size:14px}
i,em{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal; display: block;}
ul,li,dl,dt,dd,p { padding: 0; margin: 0; list-style:none;}
h1,h2,h3,h4,h5 { padding: 0; margin: 0; font-weight:normal}
h1,h2,h3,h4,h5,strong{font-family:'Lato-Bold';}
hr {border:0;border-top:1px solid #d5975c; height:1px;margin:15px 0 12px 0}
placeholder{color:#999}
::-moz-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}
*,:after,:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*清除浮动代码*/
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.c{ display:block;clear:both;content:"";visibility:hidden;height:0}
.fl{ float:left;}
.fr{ float:right;}
.img-over {overflow: hidden;}
.img-over img {transition: all .5s ease;}
.img-over:hover img {transform: scale3D(1.1, 1.1, 1.1);}
/*截字与居中*/
.oneover {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.twoover {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.threeover {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.flex-product{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content: flex-start;}
.flex-main{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between;}
.flex-mainjz{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.flex-index{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between;}
.flex-czjz{display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content:center; align-items: center;}
.flex-spjz{display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content:center;}
.flex-lddq{display:-webkit-flex; display: -ms-flexbox; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
/*百度位置*/
#map label,#map img{max-width:none}
#map div{box-sizing:initial}
/*分页样式*/
.propage{ text-align:center; padding:40px 0 0;}
.pagination { display: inline-block; padding-left: 0; font-family:'arial';}
.pagination > li { display: inline;}
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 10px 18px; margin-left: 5px; line-height: 1.2; color: #000; text-decoration: none; background: linear-gradient(180deg, #f4f7fc , #e6ebed); border: 1px solid #c8cbd0; border-radius: 4px;font-size: 16px;}
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #fff; background: linear-gradient(180deg, #5d7a90 , #4c6577); border: 1px solid #4a6473;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background: linear-gradient(180deg, #5d7a90 , #4c6577); border: 1px solid #4a6473;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #000; cursor: not-allowed; background: linear-gradient(180deg, #f4f7fc , #e6ebed); border: 1px solid #c8cbd0;}
@media(max-width:1024px){
	.propage{ text-align:center; padding:20px 0 0;}
	.pagination > li > a,.pagination > li > span { padding: 4px 9px;font-size: 14px;margin-left: 3px;}
	.flex-main{flex-direction: column;}
	.flex-product{justify-content:space-between;}
}